<!DOCTYPE html>
<html lang="en">

<head>

</head>

<body>
<div id="wrapper">
    <ol class="breadcrumb">
        <li><a href="javascript:void(0)">系统管理</a>
        </li>
        <li class="active">商家列表</li>
    </ol>

    <div class="form-inline">
        <div class="form-group">
            <label for="tisname">商家名称</label>
            <input type="text" class="form-control" id="tisname">
        </div>
        <div class="form-group">
            <label for="shopAddr">商家地址</label>
            <input type="text" class="form-control" id="shopAddr">
        </div>
        <button id="btnUserQuery" type="button" class="btn btn-default">查询</button>
    </div>
    <br>

    <div class="row">
        <div class="col-lg-12">

            <div class="panel panel-default">
                <div class="panel-heading">
                    商家列表
                </div>
                <!-- /.panel-heading -->
                <div class="panel-body">
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered table-hover">
                            <thead>
                            <tr>
                                <th>编号</th>
                                <th>商家名称</th>
                                <th>商家地址</th>
                                <th>商家电话</th>
                                <th>所有城市</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody id="user-placeholder">

                            </tbody>
                        </table>
                    </div>
                    <!-- /.table-responsive -->
                    <div class="center-block" style="width: 350px">
                        <ul id="paginator"></ul>
                    </div>
                </div>
                <!-- /.panel-body -->
            </div>
            <!-- /.panel -->
        </div>
    </div>
</div>

<div id="userModal" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
                </button>
                <h4 class="modal-title">用户</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" id="user_form">
                    <div class="form-group">
                        <label for="shopId" class="col-sm-2 control-label">商铺 ID</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="shopId" check-type="required">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="shopName" class="col-sm-2 control-label">商铺名称</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="shopName" check-type="required">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="category" class="col-sm-2 control-label">商铺类型</label>
                        <div class="col-sm-9">
                            <select id="category" class="form-control"  style="width:150px;">
                                <option value = "1">建材公司</option>
                                <option value = "2">家居公司</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="username" class="col-sm-2 control-label">帐户名称</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="username" check-type="required">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="shopAddress" class="col-sm-2 control-label">商铺地址</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="shopAddress" check-type="required">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="shopPhone" class="col-sm-2 control-label">联系电话</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="shopPhone" check-type="required">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="city_id" class="col-sm-2 control-label">所在城市</label>
                        <div class="col-sm-9">
                            <select id="city_id" class="form-control"  style="width:150px;">
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="shopQQ" class="col-sm-2 control-label">QQ</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="shopQQ" check-type="required">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="linkMan" class="col-sm-2 control-label">联系人</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="linkMan" check-type="required">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->

<script id="user-template" type="text/x-handlebars-template">
    {{#datas}}
    <tr>
        <td>{{id}}</td>
        <td>{{cnfullname}}</td>
        <td>{{address}}</td>
        <td>{{phone1}}</td>
        <td>{{city_name}}</td>
        <td>
            <button class="btn-link" onclick="onUserUpdateClick('{{id}}')">查看</button>
        </td>
    </tr>
    {{/datas}}
</script>

<script type="text/javascript" src="../js/power/shopList.js"></script>
</body>

</html>
